//混合函数
@mixin clearfix {
  zoom: 1;
  &:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
@mixin hei($height){
  height: $height;
  line-height: $height;
}
//多余字数用....
@mixin textover{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  overflow: hidden;
  word-break:keep-all;
}
//英文换行
@mixin huanhang{
  word-break: break-all
}
@mixin border-radius($data:4px){
  border-radius:$data;
  -webkit-border-radius:$data;
  -moz-border-radius:$data;
}
@mixin opacity($opacity) {
  opacity: $opacity;
  $opacity-ie: $opacity * 100;
  filter: alpha(opacity=$opacity-ie); //IE8
}
@mixin selectnone{
  -moz-user-select:none; /*火狐*/
  -webkit-user-select:none; /*webkit浏览器*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}
@mixin transition($data1:all,$data2:.3s, $data3:ease){
  transition:$data1 $data2 $data3;
  -webkit-transition:$data1 $data2 $data3;
  -moz-transition:$data1 $data2 $data3;
}
@mixin box-shadow($data1:0,$data2:1px,$data3:3px,$data4:rgba(0,0,0,.5)){
  box-shadow: $data1 $data2 $data3 $data4;
  -webkit-box-shadow: $data1 $data2 $data3 $data4;
  -moz-box-shadow: $data1 $data2 $data3 $data4;
}
@mixin css3($property, $value) {
  @each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
    #{$prefix}#{$property}: $value;
  }
}

@mixin Animation($data:gaizhang,$t:1s,$s:linear){
  animation:$data $t $s;
  -webkit-transform:$data $t $s;
  -moz-transform:$data $t $s;
  -ms-transform:$data $t $s;
}

//盖章效果
@keyframes gaizhang{
  0% {
    @include opacity(0);
    @include css3(transform,scale(3));
  }
  50% {
    @include opacity(0.5);
    @include css3(transform,scale(2));
  }
  100% {
    @include opacity(1);
    @include css3(transform,scale(1));
  }
}
@-webkit-keyframes gaizhang{
  0% {
    @include opacity(0);
    @include css3(transform,scale(3));
  }
  50% {
    @include opacity(0.5);
    @include css3(transform,scale(2));
  }
  100% {
    @include opacity(1);
    @include css3(transform,scale(1));
  }
}
@-moz-keyframes gaizhang{
  0% {
    @include opacity(0);
    @include css3(transform,scale(3));
  }
  50% {
    @include opacity(0.5);
    @include css3(transform,scale(2));
  }
  100% {
    @include opacity(1);
    @include css3(transform,scale(1));
  }
}
@-o-keyframes gaizhang{
  0% {
    @include opacity(0);
    @include css3(transform,scale(3));
  }
  50% {
    @include opacity(0.5);
    @include css3(transform,scale(2));
  }
  100% {
    @include opacity(1);
    @include css3(transform,scale(1));
  }
}

//medid
$breakpoints: (
        'pc-sm': 'only screen and ( min-width: 1200px)',
        'pc-md': 'only screen and ( min-width: 1440px)',
        'pc-lg': 'only screen and ( min-width: 1920px)',
) !default;

@mixin respond-to($breakpoint) {
  $query: map-get($breakpoints, $breakpoint);

  @if not $query {
    @error 'No value found for `#{$breakpoint}`. Please make sure it is defined in `$breakpoints` map.';
  }

  @media #{if(type-of($query) == 'string', unquote($query), inspect($query))} {
    @content;
  }
}